<template>
  <header>
      <router-view></router-view>
      <TabBar v-if="!route.meta.hideTabBar"/>
  </header>

  <main>
  </main>
</template>
<script setup>
import TabBar from '@/components/tab-bar/tabbar.vue'
import { useRoute, useRouter } from 'vue-router'

const route = useRoute()

// watch(

// )

</script>
<style scoped>
header {
  line-height: 1.5;
}

.logo {
  display: block;
  margin: 0 auto 2rem;
}

</style>
